<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="estilos.css"/>
<title>wikiTrivial</title>
</head>

<body>
	<div id="contenido">
		<header>
        <div id="foto">
    		<hgroup id="titulo">
            		  				<!-- Aqui va la fotooooooooooooooooo -->
    		</hgroup>
            </div>
            <nav>
            	<ul>
                	<li> Inicio </li>
                	<li> Registrase </li> <!-- opcional-->
                    <li> Iniciar Sesión </li> <!-- opcional-->
                    <li> Ranking </li>
                    <li> Nuevas preguntas </li> <!-- opcional-->
                	<li> Contacto </li>                   
                </ul> 
            </nav>
    	</header> 
        <section>
        	<div>
            <br/>
        	  <article id="textoPr">
                	<hgroup id="titulo2">
                    	<h1>Bienvenido a wikiTrivial </h1>
                    </hgroup>
                    
        				<p><h1>wikiTrivial</h1> es una página para jugar a trivial online, que nos permite competir respondiendo preguntas y en función de nuestros aciertos ver la posición que alcanzamos en el ranking global de participantes.
                        </p>
                        
                         <p>Para poder jugar a wikiTrivial necesitas estar registrado, para ello, debe rellenar un conjunto de campos simples, que estarán bajo el amparo de la ley de protección de datos.</p>
                         <p>Para comenzar a jugar <a href="Registrarse.php"> Inicie sesión </a> o <a href="Registrarse.php">Regístrese</a>.
                        <!--<p><video width=”320” height=”240” controls=”controls”  preload="none" poster=”imagen1.jpg”>
                        <source src="video.mp4" type="video/mp4"/>
                        Tu navegador no es compatible con HTML5
                        </video></p>-->

                        
                        
                        <br/>
                        
                       
                        <p>Si tiene algún tipo de consulta que hacernos no dude en acceder a hacernosla, a través de nuestra dirección de contacto, <a href="contacto.php">Contacto</a>, esperamos que disfrutes de nuestro sitio web.</p>
                        
					<br/>
        		</article>
                </div>
            	<div id="izq">
                <aside>
                <!--<p class="claseder"> Iniciar Sesión:</p>-->

                <p class="claseder"> Síguenos en Twitter<a href="http://www.twitter.com"> @wikiTrivial: </a></p>				
                <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'trivial',
  interval: 30000,
  title: '@wikiTrivial',
  subject: 'trivial',
  width: 250,
  height: 190,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script>

				
                <p class="claseder"> Síguenos en Facebook<a href="http://www.facebook.com"> #wikiTrivial: </a></p>
                <iframe src="http://www.facebook.com/plugins/likebox.php?id=109271982436009&width=230&connections=16&stream=false&header=true&height=215" scrolling="no" frameborder="0" style="border:none; overflow:hidden;width:230px; height:215px;" allowTransparency="false"></iframe><!-- BEGIN STANDARD TAG - 250 x 250 - DocumaniaTV ROS: documaniatv ROS - DO NOT MODIFY -->
                
                <br/>
                <p class="claseder"> ¿Te gusta wikiTrivial?</p>
                <p class="claseder"> Votación:<meter min="0" max="100" value="90">90%</meter></p>
                </aside>
				</div>
                <div id="der">
                <aside class="claseizq">
                <ul ><br/>
                	<li> Inicio </li>
                	<li> Registrase </li> <!-- opcional-->
                    <li> Iniciar Sesión </li> <!-- opcional-->
                    <li> Ranking </li>
                    <li> Nuevas preguntas </li> <!-- opcional-->
                	<li> Contacto </li>
                    <br/>
                            
                </ul>   
                </aside>
                </div>
        </section>
            </div>
            <br/>
   <footer>
        	
            <!-- aqui mete otra foto de pie de páginaaaaaaaaaaaaa-->
        
        
        </footer>     
    </div>
</body>
</html>